{% extends "base.html" %}{% load pages_tags %}{% load_pages %}

        {% block content %}
        
        
		<div id="content" class="withsidebar">
        	<div id="main">
            	<div id="maincontent">
			
                   {% if all_posts %}
			   
		{% for post in all_posts %}
                     <div class="post">
			
                         <img src="/media/images/content/post1.jpg" alt="" class="frame" />
                         <span class="shadowimg610"></span>
                         <div class="entry-utility">
                            <span class="postauthor"><img src="/media/images/icons/author.png" alt="" />{{post.owner}}</span>
                            <span class="postdate"><img src="/media/images/icons/date.png" alt="" />{{ post.date }}</span>
                            <span class="postcomm"><img src="/media/images/icons/comment.png" alt="" /><a href="#">0 Comment</a></span>
                            <span class="postcat"><img src="/media/images/icons/cat.png" alt="" /><a href="#">fsefsefsef</a></span>
                         </div>
                         <div class="entry-content">
                         	<h2 class="posttitle"><a href="single.html">{{post.title}}</a></h2>
                            <p>{{post.description}}</p>
                            <a href="{{ post.slug }}" class="button">Read More</a>
                         </div>
			
                         <div class="clear"></div><!-- clear float -->
                     </div><!-- .post -->
			 {% endfor %} 
		     {% endif %}
		     
                     
                    <div id="nav-below" class="navigation">
                        <div class="nav-previous"><span class="meta-nav"><a href="#">&larr; Older Post</a></span></div>
                        <div class="nav-next"><span class="meta-nav"><a href="#">Newer Post &rarr;</a></span></div>
                    </div><!-- #nav-below -->
                    
                     <div class="clear"></div><!-- clear float -->
                </div><!-- end #maincontent -->
                <div id="sidebar">
                	<ul>
                    	<li class="widget-container">
                        	<h2 class="widget-title">Text Widget</h2>
                            <div class="textwidget">
                            <span class="colortext">Cras faucibus ante ut diam</span> laoreet a congue mi aliquam. Sed interdum nisl pharetra ipsum aliquet tempus.
                            </div>
                        </li>
                    	<li class="widget-container">
                            <h2 class="widget-title">Recent Comments</h2>
                            <ul id="recentcommentwidget">
                                <li>
                                    <img src="images/content/imgcomm1.jpg" alt="" class="alignleft" />
                                    <span class="colortext">Marina Whitty</span>
                                    <span><a href="#">Mauris interdum lectus accumsan viverra. Curabitur dictum felis.</a></span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                    <img src="images/content/imgcomm2.jpg" alt="" class="alignleft" />
                                    <span class="colortext">Raymond Knox</span>
                                     <span><a href="#">Mauris interdum lectus accumsan viverra. Curabitur dictum felis.</a></span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                    <img src="images/content/imgcomm3.jpg" alt="" class="alignleft" />
                                    <span class="colortext">Aiko Takamichi</span>
                                     <span><a href="#">Mauris interdum lectus accumsan viverra. Curabitur dictum felis.</a></span>
                                    <span class="clear"></span>
                                </li>
                            </ul>
                        </li>
                    	<li class="widget-container">
                        	<h2 class="widget-title">Latest Post</h2>
                            <ul>
                            	<li><a href="#">Powerful Design by Templatesquare</a></li>
                                <li><a href="#">How Does it Works ?</a></li>
                                <li><a href="#">The History about Magnum</a></li>
                                <li><a href="#">Photography Design</a></li>
                            </ul>
                        </li>
                    	<li class="widget-container">
                        	<h2 class="widget-title">Tags</h2>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Design</a></span><span class="right"></span></span>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Site Templates</a></span><span class="right"></span></span>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Photography Design</a></span><span class="right"></span></span>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Music</a></span><span class="right"></span></span>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Wordpress</a></span><span class="right"></span></span>
                            <div class="clear"></div>
                        </li>
                    	<li class="widget-container">
                            <h2 class="widget-title">Recent Projects</h2>
                            <ul id="recentprojectwidget">
                                <li>
                                    <a href="#"><img src="images/content/rp1.jpg" alt="" class="alignleft" /></a>
                                    <span class="colortext">Project by: Andrew Saltchesse</span><br/>
                                    <span class="date">Januari 17, 2012</span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                    <a href="#"><img src="images/content/rp2.jpg" alt="" class="alignleft" /></a>
                                    <span class="colortext">Project by: Rachel Carrisa</span><br/>
                                    <span class="date">Januari 17, 2012</span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                    <a href="#"><img src="images/content/rp3.jpg" alt="" class="alignleft" /></a>
                                    <span class="colortext">Project by: Diana Rose</span><br/>
                                    <span class="date">Januari 17, 2012</span>
                                    <span class="clear"></span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- end #sidebar -->
                
                <div class="clear"></div><!-- clear float -->
            </div><!-- end #main -->
		</div><!-- end #content -->
        
	{% endblock %}
